<template>
    <div class="register">
        <div class="head">
            <text style="font-size:50px;text-align: center;border-color: #00B4FF;margin-top: 10px;color:#48c9bf">找回密码</text>
        </div>
        <div class="content">
            <div class="con_text">
                <text style="font-size:40px; justify-content: center;margin-left: 100px;margin-top:28px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">手机号:</text>
                <input type="text" class="input" placeholder="单行输入">
            </div>
            <div class="con_text">
                <text style="font-size:40px; justify-content: center;margin-left: 100px;margin-top:28px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">验证码:</text>
                <input type="text" class="input-yz" placeholder="单行输入">
                <text class="input-yz-text">发送验证码</text>
            </div>
            <div class="con_text">
                <text style="font-size:40px; justify-content: center;margin-left: 100px;margin-top:-10px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">密 码:</text>
                <input type="text" class="input" placeholder="单行输入">
            </div>
            <div class="con_text">
                <text style="font-size:40px; justify-content: center;margin-left:60px;margin-top:28px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">确认密码:</text>
                <input type="text" class="input" placeholder="单行输入">
            </div>
            <div class="input-login">
                <text class="input-login-text">确定</text>
            </div>
        </div>
    </div>
</template>

<script>
    var navigator = weex.requireModule('navigator')
    var modal = weex.requireModule('modal')
    module.exports = {
        data:{
            userNumber:'',
            userPassword:''
        },
    }
</script>

<style>
    .register {
        position: absolute;
        top: 100px;
        right: 0;
        bottom: 0;
        left: 0;
        width:750px;
        height:500px;
    }
    .head{
        width:750px;
        height: 60px;
        font-size: 46px;
        color:red;
        justify-content: center;
    }
    .head text{
        font-size: 100px;
        margin-left:auto;
        margin-right: auto;
        text-align: center;
    }
    .content{
        width: 750px;
        height:540px;
        margin-top: 40px;
        display: -webkit-flex;
        display: flex;
        flex-direction:column;
        outline:none;
        background-color:#ffffff;
    }
    .content .con_text{
        flex: 1;
    }
    .input{
        width: 400px;
        height: 60px;
        border-color:black;
        border-width: 1px;
        margin-left: 240px;
        margin-top: -52px;
    }
    .input-yz{
        width: 200px;
        height: 60px;
        border-color:black;
        border-width: 1px;
        margin-left: 240px;
        margin-top: -52px;
    }
    .input-yz-text{
        width: 180px;
        height: 60px;
        background-color:#ffffff;
        left: 460px;
        top:-60px;
        text-align: center;
        line-height: 60px;
        border-width: 1px;
        border-color: #64ff25;
        background-color: aliceblue;
    }
    .input-login{
        height: 80px;
        width: 550px;
        background-color: #48c9bf;
        border-radius: 10px;
        margin-top:40px;
        margin-left: 100px;
        line-height: 80px;
    }
    .input-login-text{
        height: 80px;
        width: 550px;
        text-align: center;
        line-height: 80px;
        color: white;
        font-size: 35px;

    }
</style>